// src/router/index.js
import Vue from 'vue';
import VueRouter from 'vue-router';
import Home from '../views/HomeView.vue';

Vue.use(VueRouter);

export default new VueRouter({
  // 路由路径
  routes: [{
      path: '/',
      name: 'Home',
      component: Home
    },
    // 两种加载方式 此方式为懒加载：推荐使用 效率高 用到才会加载
    {
      path: '/about',
      name: 'about',
      component: () => import('../views/AboutView.vue'),
    },
    {
      path: '/c',
      component: () => import('../views/container/ContainerView.vue'),
      // 重定向P1页面 默认打开P1
      redirect: '/c/p1',
      // 嵌套路由（子路由） 对应组件会展示子在当前组件内部
      children:[
        {
          path: '/c/p1',
          component: () => import('../views/container/P1View.vue'),
        },
        {
          path: '/c/p2',
          component: () => import('../views/container/P2View.vue'),
        },
      ]
    },
    {
      path: '/404',
      component: () => import('../views/404View.vue')
    },
    // 都没有匹配到 就走这个 重定向到404
    {
      path: '*',
      redirect: '/404'
    }
  ]
});